/*////////////////////////////////////////////////////////
    FILE NAME: main.css
    DESCRIPTION: main style
    2013
///////////////////////////////////////////////////////*/
html {
    overflow-y:scroll !important;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
    width:1000px; 
    /*background:#ffffff url(../images/backgrounds/bg.jpg) no-repeat scroll center top;*/
	background:#484c4f;
    margin:0 auto 0 auto; 
    padding:0px;
    font-family:Helvetica,Arial,Verdana,sans-serif; 
    font-size:12px; 
    color:#1e1e1e;
	position:relative;
}
	         
/*========================================================================================
   FOR PUBLIC STYLE 
  ======================================================================================*/
a { color:#1e1e1e; text-decoration:none; cursor:pointer; outline:none; }
a:hover { color:#2C9EC5; text-decoration:underline; cursor:pointer }
*{ margin:0; padding:0; outline:none;}
form { margin:0px; padding:0px }
img { border:none; }
ul, ol { list-style-type:none; margin:0; padding:0 }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table {	border-spacing: 0; }
*html+first-child html {overflow:hidden; } /*fix IE7 scrollbar */
input, textarea, select { font:normal 12px Arial, Helvetica, sans-serif; color:#666666; padding:0; border:0; margin:0; }
input[type="button"],input[type="submit"] { cursor:pointer;}

.floatL { float:left; }
.floatR { float:right }
.bold { font-weight:bold}
.italic { font-style:italic }
.clear { clear:both; width:100%; height:0; font-size:0; line-height:0; }
/*Size/Color Text*/
.txt-12 { font-size:12px }
.txt-14 { font-size:14px }
.txt-15 { font-size:15px }
.txt-16 { font-size:16px!important; text-shadow:none!important;}
.txt-17 { font-size:17px }
.txt-20 { font-size:20px }
.txt-39 { font-size:39px }
.txt-54 { font-size:54px }

.txt_30 { font-size:30px!important }
.width_200 { width:250px!important }

.height8{ height:8px;}
.height14{ height:14px;}
.magintop_20{ margin-top:20px;!important}

/*========================================================================================
   FOR TOP
  ======================================================================================*/
.header_vip{ width:1000px; background:#fff;}
.header_vip h1{ width:250px; height:60px; border:3px solid #385d8a; background:#4f81bd; line-height:60px; font-size:24px; color:#fff; float:left; border-radius:15px; margin:12px; text-align:center;}
.header_vip h4{ width:250px; height:50px; border:0px solid #fff; background:#fff; line-height:30px; font-size:24px; color:#fff; float:left; border-radius:15px; margin:12px; text-align:center;}
.header_vip label{ font-size:12px; font-weight:bold; color:#3c7b8d; height:20px; line-height:20px; margin:0px 0px; display:inline-block;}
.header_vip span{ font-size:12px; font-weight:bold; color:#215983; height:20px; line-height:20px; margin:15px 0px; padding:0px 5px; display:inline-block;}
.header_vip p{ background:url(../images/icon-logout.png) 0 50% no-repeat; padding-left:20px; font-size:12px; font-weight:bold; color:#80a2a6; height:20px; line-height:20px; margin:15px 0px; display:inline-block;}
.user_top{ float:right; text-align:right; width:500px; margin:20px 10px; }

.menu_top{ background:#ededed; height:25px; border-bottom:#d7d7d7 3px solid;}
.menu_top li{ list-style:none; height:25px; line-height:25px; float:left; display:inline-block; text-align:center; background:url(../images/bg-menu-top.png) 100% 50% no-repeat; padding-right:15px;}
.menu_top a{ color:#0070c0; font-size:12px; font-weight:bold; line-height:25px; padding:0px 50px 0px 20px;}

.menu_main{ background:#ededed; height:40px; padding-left:100px;
background: -moz-linear-gradient(top,  #197ba2 50%, #084c6b 50%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#197ba2), color-stop(50%,#084c6b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #197ba2 50%,#084c6b 50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #197ba2 50%,#084c6b 50%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #197ba2 50%,#084c6b 50%); /* IE10+ */
background: linear-gradient(to bottom,  #197ba2 50%,#084c6b 50%); /* W3C */
}
.menu_main li{ list-style:none; height:40px; line-height:40px; float:left; display:inline-block; text-align:center; padding-right:15px; border-right:#d7d7d7 2px solid;
}
.menu_main li:first-child{}
.menu_main li.active{ border-top:#dcb902 1px solid; border-bottom:#dcb902 2px solid; height:37px; line-height:37px; 
background: -moz-linear-gradient(top,  #fffad5 50%, #f5d721 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffad5), color-stop(100%,#f5d721)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fffad5 0%,#f5d721 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fffad5 0%,#f5d721 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fffad5 0%,#f5d721 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fffad5 0%,#f5d721 100%); /* W3C */	
}
.menu_main li:hover{ border-top:#dcb902 1px solid; border-bottom:#dcb902 2px solid; height:37px; line-height:37px; 
background: -moz-linear-gradient(top,  #fffad5 50%, #f5d721 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffad5), color-stop(100%,#f5d721)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fffad5 0%,#f5d721 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fffad5 0%,#f5d721 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fffad5 0%,#f5d721 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fffad5 0%,#f5d721 100%); /* W3C */	
}
.menu_main li.active a{color:#215983; text-decoration:none;}
.menu_main a{ color:#fff; font-size:14px; font-weight:bold; line-height:40px; padding:0px 20px 0px 20px; display:block;}
.menu_main a.icon-home{ background:url(../images/ico-home.png) 0 50% no-repeat; padding-left:40px;}
.menu_main a:hover{ color:#215983; text-decoration:none;}

        
/*========================================================================================
   FOR CONTENT
  ======================================================================================*/
 .content_vip{ width:1000px; background:#fff; min-height:400px; padding:30px 0px;}
 .content_page{ margin:0px 50px; border:1px solid #00b0f0;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
 .content_page h2{ padding:10px 15px; text-align:left; color:#FFF; display:block;
box-shadow: inset 0 1px 0 0 #50d7ec; font:bold 16px Arial, Helvetica, sans-serif; color:#fff; border:1px solid #00b0f0;
background: #20d4e0; /* Old browsers */
background: -moz-linear-gradient(top,  #20d4e0 0%, #005fc2 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#20d4e0), color-stop(98%,#005fc2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #20d4e0 0%,#005fc2 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #20d4e0 0%,#005fc2 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #20d4e0 0%,#005fc2 98%); /* IE10+ */
background: linear-gradient(to bottom,  #20d4e0 0%,#005fc2 98%); /* W3C */	
border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
  }
  .border-red{ margin:10px; padding:10px; border:red 1px solid;}
  
  .content_page1 ul{ float:right;}  
  .content_page1 li{ float:right; list-style:none; display:inline-block; padding:3px 2px;}
  .content_page1 span{ float:left; background:url(../images/ico-error.png) 0 50% no-repeat; padding-left:45px; color:#31859c; font-size:14px; font-weight:normal; text-align:left; display:block; line-height:35px;}
 .content_page1 label{ color:red; font-weight:bold;}  
 .content_page > ul{ float:right;}
 .content_page > ul > li{ float:right; list-style:none; display:inline-block; padding:3px 2px;}
 
 
 .content_page span{ float:left; background:url(../images/ico-error.png) 0 50% no-repeat; padding-left:45px; color:#31859c; font-size:14px; font-weight:normal; text-align:left; display:block; line-height:35px;}
 .content_page label{ color:red; font-weight:bold;}
 
 
 
  .content_left_tien{ float:left; width:"100%"; margin:20px 20px 20px 10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;border:1px solid #00b0f0;}
 
 .content_left{ float:left; width:300px; margin:20px 20px 20px 10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;border:1px solid #00b0f0;}
 .content_left h3{ color:#e46c0a; font-size:12px; font-weight:bold; text-align:left; margin:-8px 0px 0px 15px; background:#fff;width:120px; text-indent:5px;}
 .content_left ul{ padding:10px;}
 .content_left li{ width:100%; display:block; color:#31859c; font-size:12px; font-weight:bold; text-align:left; text-indent:3px;}
 .content_left p{ background:#fff; border:2px solid #cacaca; padding:1px; display:block; text-align:left; height:20px;}
 .content_left span{ display:block; height:100%; width:50%;


 }
 .content_left span.pending{background: -moz-linear-gradient(top,  #d1fe96 0%, #00cc24 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1fe96), color-stop(98%,#00cc24)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d1fe96 0%,#00cc24 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d1fe96 0%,#00cc24 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d1fe96 0%,#00cc24 98%); /* IE10+ */
background: linear-gradient(to bottom,  #d1fe96 0%,#00cc24 98%); /* W3C */}
.content_left span.passed{background: -moz-linear-gradient(top,  #fdad6a 0%, #f79646 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdad6a), color-stop(98%,#f79646)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fdad6a 0%,#f79646 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fdad6a 0%,#f79646 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fdad6a 0%,#f79646 98%); /* IE10+ */
background: linear-gradient(to bottom,  #fdad6a 0%,#f79646 98%); /* W3C */}
.content_left span.failed{background: -moz-linear-gradient(top,  #f9c3d8 0%, #ff2424 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9c3d8), color-stop(98%,#ff2424)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f9c3d8 0%,#ff2424 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f9c3d8 0%,#ff2424 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f9c3d8 0%,#ff2424 98%); /* IE10+ */
background: linear-gradient(to bottom,  #f9c3d8 0%,#ff2424 98%); /* W3C */}
 .content_right{ float:left; width:556px; margin-top:20px; margin-bottom:20px;}
 .course_statistics{ width:100%; border-top:1px solid #e1e1e1;}
.course_statistics tr:first-child{ background:#00b0f0; color:#FFF; font-size:14px; font-weight:bold;}
.course_statistics td{ border:1px solid #e1e1e1; border-top:none; height:30px; line-height:30px; padding:0px 10px;}
.course_statistics td:first-child{ border:1px solid #e1e1e1; border-top:none; border-right:none; text-align:left;}
.course_statistics td:last-child{ text-align:left; width:100px;}
.clor-red{ font-weight:bold; color:red;}
.clor-blue{ font-weight:bold; color:#4f81bd;}
.popup_course_statistics{ width:500px!important; position:absolute; top:35%; left:26%; z-index:99; background:#fff;}

.popup{ height:100%; width:100%; background:#1e1e1e; opacity:0.5; text-align:center; vertical-align:middle; position:fixed;}
.color_id{ color:#00af4f;}

.list_ds{ background:#d8e9fc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;border:1px solid #00b0f0; margin:5px; position:relative;}
.line_ds{ height:10px; background:#31859c; margin:5px 5px 30px -6px;}
.name_list{ background:#dce6f2;  border-radius:3px 3px 0px 0px; -moz-border-radius:3px 3px 0px 0px; -webkit-border-radius:3px 3px 0px 0px; height:30px; line-height:30px; padding:0px 40px; text-align:center; font-size:14px; font-weight:bold; color:#1e1e1e; top:-26px; left:5px; position:absolute; display:inline-block;border:1px solid #00b0f0; border-bottom:none;}

.soft_ds{ height:50px; margin-top:-25px;}
.soft_ds > ul{ float:left; margin:0px; padding:0px;}
.soft_ds > ul > li{ list-style:none; float:left; padding:10px; line-height:20px; font-weight:bold;}
.list_show{ margin:0px 5px 5px 5px;}
.list_show > table{ width:100%; border-top:1px solid #e9e9e9;}
.list_show > table tr:first-child{ background:#00b0f0; color:#FFF; font-size:14px; font-weight:bold; text-align:center;}
.list_show > table tr.white{ background:#fff;}
.list_show > table tr.greg{ background:#d5e3e6;}
.list_show > table td{ border:1px solid #e9e9e9; border-top:none; border-left:none; height:30px; padding:2px 5px 0px 5px;}
.list_show > table td:first-child{ border:1px solid #e9e9e9; border-top:none; border-left:1px solid #e9e9e9;}
.list_show > table td:last-child{}

.chart_show1{ margin:0px;}
.chart_show1 > table{ width:100%; border-top:1px solid #e9e9e9;}
.chart_show1 > table tr:first-child{ background:#00b0f0; color:#FFF; font-size:14px; font-weight:bold; text-align:center;}
.chart_show1 > table tr.white{ background:#fff;}
.chart_show1 > table tr.greg{ background:#d5e3e6;}
.chart_show1 > table td{ border:1px solid #e9e9e9; border-top:none; border-left:none; height:30px; padding:2px 5px 0px 5px;}
.chart_show1 > table td:first-child{ border:1px solid #e9e9e9; border-top:none; border-left:1px solid #e9e9e9;}
.chart_show1 > table td:last-child{}

.soft_ds > ul > li > div.ico_search_ds{ background:url(../images/ico-search.png) 0 50% no-repeat!important; padding-left:30px; height:24px; line-height:24px; font-weight:bold; font-size:12px; display:inline-block; cursor:pointer;}
.style_input{ height:20px; width:150px; border:#b6bfc8 1px solid;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.style_input2{ height:19px; width:50px; border:#b6bfc8 1px solid;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin:7px 2px;}
.img_day{ margin:1px;}
.btn_go{ margin-top:8px;}
.phan_trang {
    float: left;
    height: 50px;
    width: 100%;
	margin-top:5px;
}
.phan_trang > div {
    color: #727171;
    float: right;
    font-size: 12px;
    margin: 10px 5px 0 20px;
    text-align: left;
}
.phantrang_bottom {
    float: right;
    height: 20px;
    margin: 2px 0px 0 0;
    text-align: right;
}
.phantrang_bottom li {
    border: 1px solid #999999;
    color: #999999;
    display: block;
    float: right;
    height: 18px;
    line-height: 18px;
    list-style: none outside none;
    margin: 5px 2px;
    text-align: center;
	padding:0px;
}
.phantrang_bottom li.active {
    border: 1px solid #269BC6;
    color: #269BC6;
    font-weight: bold;
	padding:0px 5px;
}
.phantrang_bottom li a {
    color: #999999;
    display:block;
    height: 18px;
    line-height: 18px;
    text-align: center;
    text-decoration: none;
	padding:0px 5px;
}
.phantrang_bottom li a:hover {
    color: #269BC6;
}

.chart_show{ width:398px; height:285px; background:#fff; padding:50px; text-align:center; margin:20px auto;}
.chart_show1{ float:left; width:330px;padding:20px; text-align:center; margin:0px 0px 20px 0;}
.chart_show2{ float:left; width:435px;background:#fff; padding:20px; text-align:center; margin:20px 20px 20px 0;}

.nodata {
color: red;
text-align: center;
margin: 10px;
}

/*========================================================================================
   FOR FOOTER
  ======================================================================================*/
.footer_vip{ width:1000px; background:#0b4f8c; border-bottom:2px solid #85a7c6; height:100px;}

/*========================================================================================
   SAN PHAM
  ======================================================================================*/

